<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/base.css">
  <link rel="stylesheet" type="text/css" href="css/mycss.css">
</head>
<body>
<!--header-->
<header id="header" class="container">
  <!-- logo-->
  <h1 class="logo"><a href="" class="link"></a></h1>
  <!-- right-->
  <div class="h_r">
    <div class="h_link">
      <ul class="clearfloat">
        <li class="phone">4000-585-116</li>
        <li><a href="">中文</a></li>
        <li><span>|</span></li>
        <li><a href="">English</a></li>
        <li><a href="" class="weixin"></a></li>
        <li><a href="" class="weibo"></a></li>
        <li><a href="" class="h_login">登录</a></li>
        <li><span>|</span></li>
        <li><a href="" class="h_rigester">注册</a></li>
      </ul>
    </div>
    <div class="search">
      <button type="button"></button>
      <input type="text" placeholder="产品搜索"/>
    </div>
  </div>
</header>
<!--nav-->
<nav id="navbar">
  <div class="container">
    <!-- 导航-->
    <ul class="nav">
      <li class="cur"><a href=""><em class="icon_home"></em>首页</a></li>
      <li><a href="">关于净美仕</a></li>
      <li><a href="">公司动态</a></li>
      <li class="n_pd"><a href="">产品中心<em class="icon_jt"></em></a>
        <ul class="pd_dropdown">
          <li><a href="">净美仕净化器</a></li>
          <li><a href="">净美仕滤网</a></li>
        </ul>
      </li>
      <li><a href="">联系我们</a></li>
    </ul>
    <!-- 购物车-->
    <div class="n_cart">
      <a href=""><em class="icon_cart"></em>购物车(<span>3</span>)<em class="icon_sj"></em></a>
      <div class="cart_dropdown">
        <ul>
          <li>
            <a href=""><img src="product-imgs/jhq-at50.jpg" alt=""/></a>
            <span><em>-</em><input type="text" value="2"/><em>+</em></span>
            <strong>¥1599</strong>
            <i></i>
          </li>

          <li>
            <a href=""><img src="product-imgs/jhq-at50.jpg" alt=""/></a>
            <span><em>-</em><input type="text" value="2"/><em>+</em></span>
            <strong>¥1599</strong>
            <i></i>
          </li>
        </ul>
        <div class="n_cart_js clearfloat">
          <p>共计：<strong>¥3198</strong></p>
          <a href="">去结算</a>
        </div>
      </div>
    </div>
  </div>
</nav>
<!--面包屑导航-->
<div class="breadcrumb">
  <div class="container">
    <h2>
      <a href="">首页</a>&gt;<a href="">产品中心</a>
    </h2>
  </div>
</div>
<!--页面主体-->
<div class="product container">
  <div class="pl_header">
    <a href="#" class="cur">净美仕净化器</a><a href="#">净美仕滤网</a>
  </div>
  <!-- 产品列表-->
  <ul class="product_list clearfloat">
    <li>
      <a href=""><img src="product-imgs/jhq-m8088a.jpg" alt=""/></a>
      <div class="pdlist_text clearfloat">
        <h3>
          <p>M-8088A</p>
          <span>带“大脑”的空气净化器</span>
        </h3>
        <a href="">查看详情</a>
      </div>
    </li>
    <li>
      <a href=""><img src="product-imgs/jhq-m8088a.jpg" alt=""/></a>
      <div class="pdlist_text clearfloat">
        <h3>
          <p>M-8088A</p>
          <span>带“大脑”的空气净化器</span>
        </h3>
        <a href="">查看详情</a>
      </div>
    </li>
    <li>
      <a href=""><img src="product-imgs/jhq-m8088a.jpg" alt=""/></a>
      <div class="pdlist_text clearfloat">
        <h3>
          <p>M-8088A</p>
          <span>带“大脑”的空气净化器</span>
        </h3>
        <a href="">查看详情</a>
      </div>
    </li>
    <li>
      <a href=""><img src="product-imgs/jhq-m8088a.jpg" alt=""/></a>
      <div class="pdlist_text clearfloat">
        <h3>
          <p>M-8088A</p>
          <span>带“大脑”的空气净化器</span>
        </h3>
        <a href="">查看详情</a>
      </div>
    </li>
    <li>
      <a href=""><img src="product-imgs/jhq-m8088a.jpg" alt=""/></a>
      <div class="pdlist_text clearfloat">
        <h3>
          <p>M-8088A</p>
          <span>带“大脑”的空气净化器</span>
        </h3>
        <a href="">查看详情</a>
      </div>
    </li>
    <li>
      <a href=""><img src="product-imgs/jhq-m8088a.jpg" alt=""/></a>
      <div class="pdlist_text clearfloat">
        <h3>
          <p>M-8088A</p>
          <span>带“大脑”的空气净化器的空气净化器的空气净化器</span>
        </h3>
        <a href="">查看详情</a>
      </div>
    </li>
  </ul>
  <!-- 分页导航-->
  <div class="pages">
    <a href="">上一页</a>
    <a href="">1</a>
    <a href="" class="cur">2</a>
    <a href="">3</a>
    <a href="">4</a>
    <a href="">5</a>
    <a href="">下一页</a>
  </div>
</div>

<!--footer-->
<footer id="footer">
  <div class="container">
    <div class="f_con clearfloat">
      <ul>
        <li>
          <h3>走进净美仕</h3>
          <a href="">公司简介</a>
          <a href="">净美仕精神</a>
          <a href="">品牌历程</a>
        </li>
        <li>
          <h3>成为合作伙伴</h3>
          <a href="">成为核心供应商</a>
          <a href="">电商经销入口</a>
          <a href="">成为线下代理商</a>
        </li>
        <li>
          <h3>售后服务</h3>
          <a href="">在线报修</a>
          <a href="">售后政策</a>
          <a href="">下载中心</a>
        </li>
        <li>
          <h3>加入净美仕</h3>
          <a href="">招聘贤才</a>
          <a href="">联系我们</a>
          <a href="">网站地图</a>
        </li>
      </ul>
      <span class="qrcode"></span>
      <div class="kf">
        <h3>4000-585-116</h3>
        <span>周一至周日9:00-18:00</span>
        <a href="">金牌客服</a>
      </div>
    </div>
    <div class="copyright">Copyright © 2014 Apple Inc 保留所有权利。使用条款|客户隐私政策        © 北京净美仕环境科技有限公司  京公安网安备 11010500896 | 京ICP备 12050755</div>
  </div>
</footer>
</body>
</html>





